//做一个切换
// 切换登录的a元素
const loninA = document.querySelector('.login-a');
// 切换注册的a元素
const registerA = document.querySelector('.register-a');
// 登录页面
const login = document.querySelector('.login');
// 注册页面
const register = document.querySelector('.register');
// 注册表单
const form1 = document.querySelector('.register form');
// 登录表单
const form2 = document.querySelector('.login form');
// 给登录绑定一个点击事件，给登录页面隐藏，显示登录页面
loninA.addEventListener('click', function (e) {
    // console.log(123);
    // 隐藏登录页面
    login.style.display = "none"
    // 显示注册页面
    register.style.display = "block"
})
// 给注册事件绑定一个点击事件，用来隐藏注册页面，显示登录页面
registerA.addEventListener('click', function (e) {
    // console.log(123);
    // 隐藏注册页面
    register.style.display = "none"
    // 显示登录页面
    login.style.display = "block"
})
// 给注册绑定一个提交事件
form1.addEventListener('submit', async function (e) {
    e.preventDefault()
    const data = serialize(form1, { hash: true, empty: true })
    console.log(data);
    const result = await axios({
        // 基地址格式
        url: "api/register",
        method: "POST",
        data
    })
    console.log(result);
    // data.message\
    if (result.data.code === 0) {
        toastr.success(result.data.message);
    }

})
// 给登录绑定一个提交事件用来登录
form2.addEventListener('submit', async function (e) {
    e.preventDefault()
    const data = serialize(this, { hash: true, empty: true })
    console.log(data);
    const result = await axios({
        // 基地址格式
        url: "api/login",
        method: "POST",
        data
    })

    // 令牌：data.token
    if (result.data.code === 0) {
        toastr.success("登录成功")
        // console.log(result);
        localStorage.setItem("msc90", result.data.token)
        setTimeout(() => {
            location.href = "./index.html"
        }, 1000)
    }
})